/* 
    Document   : style.theme.css
    Created on : Jun 27, 2012, 4:33:31 PM
    Author     : mirza
    Description:
        Purpose of the stylesheet follows.
*/

body {
    font-family: "Helvetica", "Arial"; font-size: 13px; 
    padding:0px; margin:0px; background: url(../images/bg.jpg) center top repeat;
    
}

#canvas {
    width:100%; min-height: 100%; position: fixed;   
    padding: 0px; margin: auto;
    border:1px solid;
}

#Activation {
    width:100%; height: 493px; background: url(../images/index-bg.jpg) center repeat-x #fff;
    position: absolute; top:50%; margin-top:-250px;
}


#Activation-ShadowTop {
    width:100%; height: 4px; margin: auto;
    background: url(../images/index-bg-shadow_top.png) center no-repeat;
    position: absolute; top:50%; margin-top:-254px;
}

#Activation-ShadowBottom {
    width:100%; height: 7px; margin: auto;
    background: url(../images/index-bg-shadow_bottom.png) center no-repeat;
    position: absolute; top:50%; margin-top:243px;
}

#Activation #Activation-Container {
    width:1000px; height: 100%; margin: auto;
}

#Activation #Activation-Container fieldset {
    border: 2px solid #444; padding: 15px 45px ; padding-top: 50px;
    -moz-border-radius-topleft: 6px/*{cornerRadius}*/; -webkit-border-top-left-radius: 6px/*{cornerRadius}*/; border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px/*{cornerRadius}*/; -webkit-border-top-right-radius: 6px/*{cornerRadius}*/; border-top-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 6px/*{cornerRadius}*/; border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 6px/*{cornerRadius}*/; border-bottom-right-radius: 6px;
}

#Activation #Activation-Container h1 {
    text-align: center; text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.3); font-size: 30px;
    color: #0a1331; margin-top:25px;
}

#Activation #Activation-Container p {
    font-size: 14px; font-style: italic;
    color: #666; margin-top: 25px;
}

#Activation #Activation-Container #Logo-Container {
    width:180px; height: 170px; margin-top:290px; margin-left:800px; position: absolute;
}


#Activation-Button {
    cursor: pointer; background: url(../images/index-application_logo.png) center no-repeat;
    width: 500px; height: 494px;
}

#Activation-Button div {
    display: none
}

#Activation-Form {
    color: #444; font-size: 14px;
    padding-top:0px;
}

#Activation-Form h1 {
    text-align: right; text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.3);
    color: #0a1331;
}

#Activation-Form table {
    width: 100%;
}
#Activation-Form table tr td{
    padding: 5px 10px;
}

#Activation-Form input {
    width: 100%;
}

#Activation-Form #Info {
    width: 100%; margin-top: 15px;
    font-size: 13px; font-style: italic; color: #666;
}

#Activation-Application {
    color: #666; font-style: italic; text-align: center; font-size: 10px;
    position:absolute; margin-top: -40px; width: 500px;
}

#Activation-Application p{
    margin:0px;
}

#ErrorHandler-Container {
    position: absolute; margin-top: -175px; padding: 5px 60px;
    width: 875px; height: 20px;
    color: #ff0000; font-style: italic;
    display:none;
}